<template>
  <div>
    <div>
      <div
        v-for="(item,index) in info"
        :key="index"
        class="info"
      >
        <div>
          <p>{{ item.infoTitle }}</p>
          <p>{{ item.infoContent }}</p>
        </div>

      </div>
    </div>
    <div class="bottom">
      <p>工商营业执照 ：</p>
      <img src="@/assets/images/oper/Bloc/u43.jpg" alt="" />
    </div>
  </div>
</template>

<script>
export default {
  name: 'Busin',
  data() {
    return {
      info: [
        {
          infoTitle: '门诊编号 ：',
          infoContent: '爱健康齿科集团（富康口腔门诊部）'
        },
        {
          infoTitle: '工商注册诊所地址 ：',
          infoContent: '深圳罗湖湖车站大楼二楼南端富康口腔门诊部'
        },
        {
          infoTitle: '工商注册编号 ：',
          infoContent: '104389934023'
        },
        {
          infoTitle: '工商注册税号 ：',
          infoContent: '104389934023'
        },
        {
          infoTitle: '开户行 ：',
          infoContent: '中国工商银行'
        },
        {
          infoTitle: '开户行账号 ：',
          infoContent: '6277000451320087894'
        }
      ]
    };
  }
};
</script>

<style scoped>
  .info{
    width: 352px;
    height: 90px;
    border: 1px solid #A0BAE1;
    border-left: 10px solid #508FCC;
    border-radius: 5px;
    display: inline-block;
    margin-top: 40px;
    margin-left: 30px;
  }
  .info>div>p:nth-of-type(1){
    color: #333333;
    font-size: 16px;
    margin: 14px 0px 9px 14px;
    font-weight: bold;
  }
  .info>div>p:nth-of-type(2){
    color: #707070;
    font-size: 14px;
    margin-left: 14px;
  }
  img{
    width: 402px;
    height: 282px;
  }
  .bottom{
    margin-left: 30px;
  }
  .bottom p{
    font-size: 14px;
    font-weight: bold;
  }
</style>
